<template>
    <div class="header" :style="{ backgroundImage: `url(${seller.avatar})` }">
        <div class="mask"></div>
        <div class="content">
            <img :src="seller.avatar" alt="">
            <div>
                <p>
                    <span>品牌</span>
                    <b>{{seller.name}}</b>
                </p>
                <p>
                    {{seller.description}} / {{seller.deliveryTime}}分钟送达
                </p>
                <p>
                    <span>满</span> 在线支付满28减5,满50减10
                </p>
            </div>
            <p>5个 ></p>
        </div>
        <p class="gg">
            <span class="ggg">公告</span>
            <strong>{{seller.bulletin}}</strong>
            <b>></b>
        </p>
    </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
    data() {
        return {
        }
    },
    computed: {
        ...mapState(['seller', 'goods', 'ratings'])
    }

}
</script>

<style  scoped>
@import '../assets/header.css'

</style>